<template>
  <div>
    <h1>Parent</h1>

    <ChildView>
      <template #header>
        <h1>Here might be a page title</h1>
      </template>

      <!-- 隐式的默认插槽 -->
      <p>A paragraph for the main content.</p>
      <p>And another one.</p>

      <template #footer>
        <p>Here's some contact info</p>
      </template>
    </ChildView>

    <ChildView>
      <template v-slot:header>
        <!-- header 插槽的内容放这里 -->
        我爱北京天安门
      </template>
      <template v-slot:footer>
        <!-- header 插槽的内容放这里 -->
        12.34元
      </template>
      <template v-slot:default>
        <!-- header 插槽的内容放这里 -->
        我爱北京天安门， 我爱北京天安门 我爱北京天安门 我爱北京天安门
        我爱北京天安门 我爱北京天安门
      </template>
    </ChildView>
    <ChildView>
      <!-- <h1>{{ name }}</h1>
      <div>abc</div>
      <img :src alt="" srcset="" />
      <img src="../../assets/logo.svg" alt="" srcset="" /> -->
    </ChildView>
  </div>
</template>

<script setup>
import ChildView from './ChildView.vue'
import { ref } from 'vue'
const name = ref('neusoft')
const src = ref('../../src/assets/logo.svg')
</script>
